/**
* ATN forms styles
*
* includes styles for both cakephp-based forms and joomla-based forms
*/

/**
* Styles for Joomla-based forms 
*/
#mod_login_logoutform-cblogin {
	position:absolute;
	width:50px;
	height:22px;
	top:5px;
	left:810px;
}

#head-right {
	width:789px;
	float:left;
}

#head-login, .moduletable-cblogin {
	width:640px;
	float:right;
}

#mod_loginform-cblogin {
	font-family:"Trebuchet MS","Lucida Grande",Geneva,Helvetica,sans-serif;
	font-size:10px; 
	color:#949494; 
	text-align: left;
	margin-bottom: 12px; 
	line-height: 20px;
	width:100%;
	padding-left:0px;
	padding-right:0px;
}

#mod_loginform-cblogin a {
	color:#AC3B3D;
}

#mod_loginform-cblogin span {
	padding:0px;
	margin:0px;
}

#mod_loginform-cblogin input { 
	border:1px solid #c6c6c6; 
	font-size: 10px; 
	line-height: 10px; 
	padding:3px; 
	width: 140px; 
	color:#949494; 
}

#mod_loginform-cblogin input#mod_login_remember-cblogin { 
	width:20px;
	vertical-align:middle;
	border:none;
}


#mod_loginform-cblogin input#loginButton {
	width:auto;
}	

#mod_login_logoutform-cblogin input#logoutButton {
	width:auto;
	background-color:#ECE9D8;
	border:1px solid #949494;
	color:#949494;
}

.mod_login-cblogin {
	color:#AC3B3D;
}

div#cbtab25 fieldset td.titleCell {
	width:100px; 
	padding:.3em .7em 0 0; 
	margin:0; 
	text-align: left; 
	color:#585858;
}

/* radio buttons in joomla forms and in xinha panels */
div#cbtab25 fieldset td.fieldCell #cbf30 
, div#cbtab25 fieldset td.fieldCell #cbf31 
, div#cbtab25 fieldset td.fieldCell #cbf41 
, div#cbtab25 fieldset td.fieldCell #cbf42 
, .radioButton
{
	width:20px;
	float:left;
	vertical-align:middle;
}

div#cbtab25 fieldset td.fieldCell input[type="checkbox"] 
, table#registrationTable td.fieldCell input[type="checkbox"] 
{
	width:20px;
	float:left;
	vertical-align:middle;
}

div#cbtab25 fieldset td.fieldCell label {
	width:50px;
	float:left;
}

#maincol.othersubs #userEditTable .tab-row {
	height:23px;
	border-bottom:1px solid #DEDEDE;
	padding:0px;
	margin:0px;
}

#maincol.othersubs #userEditTable .tab {
	background-image:none;
	width:90px;
	height:20px;
	float:left;
	border:1px solid #DEDEDE;
	text-align:left;
	margin:0px;
	padding:0px;
}

#maincol.othersubs #userEditTable .tab a {
	font-family:"Trebuchet MS","Lucida Grande",Geneva,Helvetica,sans-serif;
	background-color:#ffc;
	font-size:12px;
	font-weight:normal;
	border:1px solid #DEDEDE;
	padding:1px 5px;
	margin:0 0 10px 0;
}

/* registration form styles */
/* this style assumes all fields in registration form are required */
#registrationTable {
	font-weight: bold; 
	color:#ac3b3d;
}


/**
* Styles for CakePHP-based forms 
*/

strike {
	text-decoration:line-through;
}

form { 
	width:470px; 
	font-size:12px; 
	margin-bottom:1em; 
}

form a:hover {
	text-decoration:underline;
}

form p {
	padding-bottom:20px;
}

form#categoryPicker {
	width: auto;
	margin-bottom:0px; 
}

form fieldset { 
	border-top:1px solid #DEDEDE; 
	border-bottom:1px solid #DEDEDE; 
	padding:0 0 10 0; 
	margin:10px 0 10px 0; 
}

form fieldset legend, h1 div#eventHead, div#manageAccount { 
	font-family:"Trebuchet MS", "Lucida Grande", Geneva, Helvetica, sans-serif;
	font-size:17px; 
	font-weight:bold; 
	margin:0; 
	padding:0 5px 5px 0; 
	color:#393939; 
}

h1 div#eventHead {
	position:absolute;
	background-color:#fbfbfa;
	top:20px;
	width:88px;
	height:12px;
	padding-top:0px;
	letter-spacing:.2px;
}


form fieldset .fieldHelp {
	display:block; 
	padding:5px 0; 
	margin-left:110px; 
	font-size: 11px; 
	font-style:italic;
}

form fieldset div { 
	clear: left; 
	display: block; 
	height: expression('1%'); 
	margin: 10px 0 0 0; 
	padding: 1px 3px; 
}

form fieldset div label {
	display: block; 
	float: left; 
	width:100px; 
	padding:.3em .7em 0 0; 
	margin:0; 
	text-align: left; 
	color:#585858;
}

form fieldset input {
	width:224px;
}

form fieldset select {
	width:180px;
}


form fieldset div.required label, form span.required, tr.required {
	font-weight: bold; 
	color:#ac3b3d;
}

form fieldset input:focus, form select:focus, form textarea:focus {
	background-color:#FFFFCC; 
	color:#000;
}

form span.note { 
	display:block; 
	padding:5px 0; 
	margin-left:110px; 
	font-size: 11px; 
	font-style:italic; 
}

form fieldset div.townMessage { 
	border:1px solid #DEDEDE; 
	background-color: #EDEDED; 
	padding:3px 5px; 
	margin:10px 10px 0 110px; 
}


form #media_selection li {
	padding:2px 0;
}

form #media_selection .mediaLineItem1 {
	background-color:#f8f8f4;
}

form #media_selection .mediaLineItem2 {
	background-color:#fff;
}

form .dateInput {
        width: 110px !important;
}

form textarea {
        width:290px;
        height:180px;
        border:1px solid #7F9DB9;
}

form .checkbox {
	width:15px;
	margin-top:5px;
	vertical-align:center;
}

form .hourOptionTag, form .minuteOptionTag {
        width: 44px;
}

form .meridianOptionTag {
        width: 47px;
}

form #GroupGroup {
	width:290px;
}

form #comment_options {
	padding-left:0px;
}

form #allowGlobalContainer {
	padding-top:0px;
	padding-left:0px;
}

form fieldset .submitButton { 
	margin: 20px 0; 
	width:auto;
}

form fieldset input.checkit { 
	margin-top: 4px; 
}

form fieldset select[name = "exp_mon"] {
	width:100px;
}

form fieldset select[name = "exp_year"] {
	width:60px;
}

div.message, div.error {
	font-weight: bold; 
	color:#E8723B;
	font-size:120%;
}
div.error_message {
	padding-bottom: 20px;
	font-size: 13px;
	line-height: 1.5em;
	margin-bottom: .5em;
	font-weight: bold; 
	color:#E8723B;
}

/**
 * Begin Event Repeat
 */
form #repeatForm {
        border:1px solid #7F9DB9;
        margin-left:20px;
        overflow:hidden;
        width:100%;
        font-size:75%;
        line-height:2em;
        padding-bottom:10px;
}

form #repeatForm input {
	width:auto;
}

form #repeatForm input[type="text"]{
        width: 30px;
}

form div #typeSection {
        width:60px;
        border-right:1px dashed #464646;
        float:left;
        clear:none;
}

form div #dailySection,
form div #weeklySection,
form div #monthlySection {
        width: 320px;
        float:left;
        clear:none;
        margin:0;
        padding:10px 0 0 10px;
}

form div #weeklySection {
	padding-bottom:15px;
}

form div #monthlySection #RepeatDayofweek {
	width:105px;
}

form div #monthlySection #RepeatNthday {
	width:80px;
}

form #otherSection {
        margin:20px 0 0 72px;
        padding-top:5px;
}

form #otherSection #RepeatEndDateMonth {
	width:100px;
}

form #otherSection #RepeatEndDateDay {
	width:40px;
}

form #otherSection #RepeatEndDateYear{
	width:60px;
}

/**
* Payment form
*/
table#accounting {
        width: 100%;
        border-right: 1px solid #000;
        border-top: 1px solid #000;
	margin-bottom:10px;
}
table#accounting td, table#accounting th {
        padding: 2px 4px;
        border-left: 1px solid #000;
        border-bottom: 1px solid #000;
}
table#accounting th {
        background-color: #aaa;
}
table#accounting tbody td {
        font-height: 80%;
}
table#accounting tfoot td {
        font-height: 120%;
        background-color: #ccc;
}


/**
* Xinha Styles
*/
div#RTEWrapper {
        clear:none;
        width:290px;
        height:190px;
        float:left;
        margin-top:0px;
        margin-bottom:8px;
        margin-right:3px;
	padding:0px;
}

div#RTEWrapper div {
        width: auto;
        margin: 0;
        padding: 0px;
        height: auto;
}

div#RTEWrapper textarea {
        width:290px;
        height:180px;
        border:1px solid #7F9DB9;
}

div#RTEWrapper .htmlarea {
        border:1px solid #7F9DB9;
}

div#RTEWrapper .htmlarea  #mailtableWrapper label {
        color:#000;
        font-weight:normal;
}

div#RTEWrapper .htmlarea  #mailtableWrapper textarea {
        height:120px;
}

/* main wrap for link dialog options */
div#RTEWrapper div#Dialog1 {
	position:relative;
	width:260px;
	left:0px;
}

/* xinha link options - just inside main wrapper for xinha link options */
div#RTEWrapper fieldset#Dialog2 {
	width:260px;
	height:60px;
}

/* xinha link options - just inside the the main fieldset for link options */
div#RTEWrapper table#Dialog3 {
	position:absolute;
	width:250px;
	top:0px;
	left:10px;
	margin-bottom:0px;
}

/* popwindow options wrapper */
div#RTEWrapper div#Dialog9 {
	position:absolute;
	width:200px;
	top:20px;
	left:15px;
	margin-top:0px;
}

div#RTEWrapper table#Dialog9 {
	width:95%;
}

div#RTEWrapper #DialogButtons {
	text-align:left; 
	position:absolute;
	top:81px;
	left:0px; 
}

/* Ok button in xinha link dialog */
div#RTEWrapper #Dialog19 {
	width:25px;
	padding:2px;
}

/* cancel button in xinha link dialog */
div#RTEWrapper #Dialog20 {
	width:45px;
	padding:2px;
}

div#RTEWrapper #mailtableWrapper {
	padding:0px;
	width:220px;
	height:auto;
	float:right;
}

div#RTEWrapper #mailTable {
	padding:0px;
}

div#RTEWrapper #mailtableWrapper label {
	font-size:12px;
}

/* Originally from globals.css */
.invisible {
        display:none;
}

#maincol.ccorner .infoitem .eventDetail { 
	display: block; 
} 
#maincol.ccorner .infoitem .eventDetail strong { 
        text-transform: uppercase; 
}

/* Video stuff */
.closeButton {
	background:#999999;
	float:right;
	padding:3px 8px;
	margin-top:5px;
	border:1px solid #666666;
}
.closeButton a {
	color:#ffffff;
	font-weight:bold;
}
.videoHeader {
	text-align:center;
	margin:10px 0px;
}
.videoTitle {
	font-size:12px;
	font-weight:bold;
}